<!DOCTYPE HTML>

<html>

<head>
	<link href="css/main.css" type ="text/css" rel ="stylesheet" media="all">
</head>

<body style="min-width:800px;">
	<div class = "wrapper">
	<div class="main-header">
		<div class="logo"></div>
		<div class="title"> Account Settings
		</div>

		<div class="menu-btn">
			<a class="logout"> Logout </a>
			<a class="workspace"> Workspace </a>
			<a class="project-revision-sel"> Switch Project | Revision </a>
			<div class="clear"></div>
		</div>

		<div class="clear"> </div>
		</div>
	
	<div class = "account-settings-body">
		<div class = "account-settings-form">
			<div class = "account-settings-form-header"> 
				<div class = "account-settings-form-header-text"> Change Account Settings </div>
			</div>
			
			<div class = "account-settings-form-body">
				<div class = "account-settings-body-names"> 
					<div class = "account-settings-body-names-first">
						<div class = "account-settings-body-names-first-header">First Name</div>
						<div class = "account-settings-body-names-first-body">
							<input id="account-settings-firstname" type="text" name="firstname"/>	
						</div>
					</div>
					<div class = "account-settings-body-names-last"> 
						<div class = "account-settings-body-names-last-header">Last Name</div>
						<div class = "account-settings-body-names-last-body">
							<input id="account-settings-firstname" type="text" name="lastname"/>					
						</div>						
					</div>
				<div class="clear">
                </div>
				</div>
				
				<div class = "account-settings-body-email"> 
					<div class = "account-settings-body-email-header">Email Address</div>
					<div class = "account-settings-body-email-body">
						<form>
							<input class="bigger-input-boxes" type="text" name="emailaddress"/>
						</form>							
					</div>
				</div>
				<div class = "account-settings-body-password"> 
					<div class = "account-settings-body-password-header">Password</div>
					<div class = "account-settings-body-password-body">
						<form>
							<input class="bigger-input-boxes" type="password" name="password"/>
						</form>							
					</div>
				</div>	
				
				<div class = "account-settings-change-password-toggle">Change Password -</div>
				
				<div class = "account-settings-body-changepass" id = "account-hideable"> 
					<div class = "account-settings-body-changepass-header">New Password</div>
					<div class = "account-settings-body-changepass-body">
						<form>
							<input class="bigger-input-boxes" type="password" name="changepass"/>
						</form>	
					</div>
				</div>	
				<div class = "account-settings-body-changepassconf" id = "account-hideable"> 
					<div class = "account-settings-body-changepassconf-header">Confirm Password</div>
					<div class = "account-settings-body-changepassconf-body">
						<form>
							<input class="bigger-input-boxes" 	type="password" name="changepassconf"/>
						</form>							
					</div>
				</div>	
			</div>
			<div class = "submit-account-changes">
				<a class = "submit-account-changes-link">Submit Changes</a>
				<div class="clear"> </div>
				</div>
			</div>
			<div class = "account-settings-form-footer"> 
				<div class = "account-settings-form-footer-submit"> </div>
			</div>
			<div class="clear"> </div>
			</div>
		</div>
	</div>
		 <div class="push"></div>
	</div>
	<div class = "main-footer"> <div>Brought to you by CS130</div></div>
	<div class="admin-overlay">
                <form>
                    <div class="content">
                        <div class="useremail">
                            <div class="currentusers">
                                Current Administrator List
                            </div>
                            <select type="text/css" name="namelist_drop" id="Select1" size="6" multiple="multiple" style="width:310px">
                            </select>
                        </div>
                        <div class="new-project-overlay-email">
                            <div class="projectemail">
                                User's Email Address
                            </div>
                            <input type="text" name="new-project-email" class="text-field" style="width:305px"/>
                        </div>
                        <div class="menu-btn">
                        	<a class="close">close </a>
                        	<a class="remove">Delete </a>
                            <a class="promote">Add </a>
            
                        </div>
                        <div class="clear">
                        </div>
                    </div>
                </form>
            </div>
</body>

	<script type="text/javascript" src="js/generic.js"></script>
	<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.12.custom.min.js"></script>
	<script type="text/javascript" src="js/account-settings.js"></script>
	<script type="text/javascript" src="js/md5.js"></script>

</html>


